<template>
  <div>
     <!-- 面包屑导航 -->
   <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/home' }">
        <i class="el-icon-s-home"></i>
        首页
      </el-breadcrumb-item>
      <el-breadcrumb-item>
        <i class="el-icon-monitor"></i> 
        权限管理
      </el-breadcrumb-item>
      <!-- 当前 -->
      <el-breadcrumb-item>门店管理</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- 主体 -->
    <div class="content">
      <div style="padding: 40px">
        <div class="btnDiv">
          <el-button @click="Golist" :type="active" size="small">门店列表</el-button>
          <el-button @click="GoAdd" :type="noActive" size="small" >添加门店</el-button>
        </div>
        <router-view></router-view>
      </div>
    </div>
  </div>
</template>
<script>
export default{
  data(){
    return {
      active:'warning',
      noActive:'normal'
    }
  },
  
  methods:{
    Golist(){
      this.$router.push('/limits/store/list')
      this.active = 'warning',
      this.noActive = 'normal'


    },
    GoAdd(){
      this.$router.push('/limits/store/addstore')
      this.active = 'normal'
      this.noActive = 'warning'

    }
  }
}
</script>
<style scoped>
.btnDiv{
  display: flex;
  width: 18%;
  justify-content: space-between;
}

</style>